body,div,li,a,ul,img,input,p,h5{ 
    padding: 0px;
    margin: 0px;
    border:0px;
}

body{
    display: block;
    font-family: "微软雅黑";
    font-size: 14px;
    background: #F1F1F1;
}
#main{
    position: relative;
    top: -70px;
    width: 1100px;
    margin: 0 auto;
    height: 2400px;
    background: white;
}
#header{
    height: 380px;
    background: url(../images/images/banner.jpg);
}
.top_con{
    width: 1800px;
    height: 60px;
}
.logo{
    position: relative;
    left: 68px;
    top: 40px;
    width: 150px;
    height: 60px;
    background: url(../images/logo.png) no-repeat center;
}
.nav{
    position: relative;
    left: 68px;
    top: 40px;
    width: 680px;
    height: 60px;
    margin-left: 60px;
    line-height: 60px;
}
.nav-im{
    width: 40px;
    height: 60px;
    background: url(../images/nav.png) center no-repeat;
}
.nav li{
    width: 80px;
    height: 60px;
    float: left;
}
.nav li a{
    font-size: 14px;
    color: #fefefe;
    text-decoration: none;
    padding-bottom: 8px;
}
.nav li a:hover{
    border-bottom: 2px solid #e60012;
} 
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix:after{
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}
.clearfix{
    zoom: 1;
}
.login{
    position: relative;
    left: 68px;
    top: 40px;
    width: 120px;
    height: 60px;

}
.login .p1{
    display: inline-block;
    text-decoration: none;
}
.login .p2{
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
    color: #fefefe;
}
.login a{
    text-decoration: none;
    font-size: 14px;
    color: #fefefe;
    margin: 0 10px;
}

.hr{
    position: relative;
    left: 400px;
    top: 130px;
    color:#FFFFFF;
    
}
.hr1{
    position: relative;
    top: 10px;
    font-size: 28px;
    font-weight: normal;
}
.hr2{
    position: relative;
    top: 30px;
    font-size: 18px;
    font-weight: normal;
}
.aa{
    position: relative;
    left: 50px;
    top: 30px;
}
.bb{position: relative;top: 43px;width: 980px;}
.cc{position: relative;width: 390px;height: 430px;top: 100px;left: 106px;}

.dd{position: relative;top:-200px;left:20px;height: 2px;width: 980px;background: -webkit-linear-gradient(left,rgba(255,255,255,0),#999,rgba(255,255,255,0));background: linear-gradient(to right,rgba(255,255,255,0),#999,rgba(255,255,255,0));}
.d1{position: relative;height: 1px;width: 100px;top:20px;background: -webkit-linear-gradient(left,rgba(255,255,255,0),red,rgba(255,255,255,0));background: linear-gradient(to right,rgba(255,255,255,0),red,rgba(255,255,255,0));}
.ff{position: relative;top: 115px;left: 106px;width: 392px;height: 72px;}
.ff li{list-style: none; float: left;width: 20%;}
.gg{position: relative;width: 390px;left: 600px;top: -330px;}
.gg img{position: relative;left: 100px;top: -40px;}
.gg p{color: #808080;}
.g1{position: relative;top: -25px;}
.g3{position: relative;top: -20px;left: 60px;text-decoration: none;color: #A42D00;}
.g4{
    position: relative;
    left: 30px;
    top: -20px;
    width: 220px;
    height: 55px;
    background-color: #7F462C; 
}
.g4g{
    display: block;
    padding-top:15px;
    text-decoration: none;
    color: white;
    text-align: center;
}
.btn-numbox ul,li{list-style: none;} 
.btn-numbox a{text-decoration: none;}
.btn-numbox .number{
    position: relative;
    left: 10px;
    top: 10px;
    display: inline-block;
    font-size: 12px;
    color: #808080;
}
.count{position: relative;left: 50px;top: -10px;}
.count .input-num{position: relative;left: 28px;top: -30px;}
.count .num-jia{position: relative;left: 56px;top: -60px;}
.btn-numbox{position: relative;left: 10px;}
.count,.num-jian,.num-jia,.input-num{
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
    color: #999;
    border: 1px solid #e6e6e6;
}
.xq{
    position: relative;
    top: -130px;
    width: 675px;
    margin:0 auto;
    color: #666666; 
}
.xq h2{
    text-align: center;
    font-weight: normal;
    color: #444444;
}
.in{
    position: relative;
    top: -4px;
}

.order{
    height: 80px;
    line-height: 60px;
    text-align: center;
}
.order .line{
    display: inline-block;
    width: 200px;
    border-top: 1px solid #ccc;
}
.order .txt{
    color: #686868;
    font-size: 18px;
    vertical-align: middle;
}
.tj{
    position: relative;
    left: -108px;
    width: 1100px;
    height: 180px;
    
}
figure{
    position: relative;
    float: left;
    height: 179px;
    overflow: hidden;
}
figure.pic1 figcaption{
    width: 100%;
    top: auto;
    left: 0px;
    bottom: 0px;
    background-color: rgba(139,71,38,0.9);
    transform: translate(0px,60px);
    transition: all 0.5s;
}
figure.pic1 figcaption h5{
    color: white;
    font-size: 14px;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 2px;
}
figure.pic1 figcaption p{
    padding: 0px;
    color: white;
    font-size: 12px;
    margin-bottom: -30px;
}
figure.pic1 figcaption h5,figure.pic1 figcaption p{
    position: relative;
    left: 20px;
}
figure.pic1:hover figcaption{
    transform: translate(0px,-45px);
}
figure.pic1:hover img{
    opacity: 0.9;
}
#footer{height: 350px;background: black;position: relative;}
#footer #footer1{position: absolute;width:20%;height: 300px;}
#footer #footer1 img{padding-left: 50px;padding-top: 35px}

#footer #footer2{position: absolute;width: 22%;left: 20%;height: 300px;}
#footer #footer2 img{position: absolute;top: 190px;left: 100px}
#footer #footer2 #table1{padding-top:50px;padding-left: 24%;color: white;font-size: 16px}

#footer #footer3{position: absolute;width: 15%;left: 42%;height: 300px;border-right-style: 1px solid white}
#footer #footer3 img{margin-top: 20%;margin-left: 18%}
#footer #footer3 p{color: white;font-size: 15px;padding-left: 55px}

#footer #footer4{position: absolute;width: 43%;left: 57%;height: 300px;}
#footer #footer4 #table2{padding-top:50px;padding-left: 40px;}
#footer #footer4 #table2 .tr td{font-size: 18px;color: white}
#footer #footer4 #table2 tr{height: 30px;margin-right:20px;font-size: 12px;color: grey}
#footer #footer4 #table2 td{width: 90px}

#footer #last{position: absolute;width:100%;height: 50px;text-align:center;color: grey;background: lightgrey;top: 300px;text-align: center;line-height: 50px}


#k1{
    position: fixed;
    left: 1502px;
    top: 400px;
    position: fixed;
    width: 100px;
    height: 70px;
    background-color: #7F462C;

}
#k2{
    position: fixed;
    left: 1502px;
    top: 480px;
    width: 100px;
    height: 70px;
    background-color: #7F462C;

}
#k3{
    position: fixed;
    left: 1502px;
    top: 560px;
    width: 100px;
    height: 70px;
    background-color: #7F462C;

}
#k1 a{
    position: relative;
    text-align: center;
    color:white;
    text-decoration: none;
    left: 27px;
    top: 25px;
}
#k2 a{
    position: relative;
    left: 23px;
    top: 25px;
    color:white;
    text-decoration: none;
}
#k3 a{
    position: relative;
    left: 23px;
    top: 25px;
    color:white;
    text-decoration: none;
}

